<template>
	<jf-navigation></jf-navigation>
	
	<view class="register_success">
		<image src="@/static/images/common/success_icon.png"></image>
		<view>{{$t('login.register.success.title')}}</view>
	</view>
	<view class="form_submit">
		<zq-button-ts @click="login()">{{$t('login.register.success.confirm')}}</zq-button-ts>
	</view>
</template>

<script lang="ts" setup>
	const login = ():void => {
		uni.navigateBack()
	}
</script>

<style lang="scss">
	.register_success{
		width: 100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 160rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: var(--color-primary);
		image{
			width: 160rpx;
			height: 160rpx;
			margin-bottom: 32rpx;
		}
	}
</style>